<Modal v-model="seeHouse" class="yuyue" footer-hide width="800">
    <div class="con">
        <div class="left" style="background:url('/images/left.jpg') no-repeat;">
            <div class="flag">
                <h3>一键预约，您的专属服务</h3>
                <p>已有88888人选择预约看房</p>
            </div>
        </div>
        <div class="right">
            <i-form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
                <form-item label="称呼" prop="name" :error="errors.name">
                    <i-input v-model="formValidate.name" placeholder="您的称呼"></i-input>
                </form-item>
                <form-item label="手机号" prop="tel" :error="errors.tel">
                    <i-input v-model="formValidate.tel" placeholder="手机号" @on-change="handleTel"></i-input>
                </form-item>
                <form-item label="验证码" prop="captcha" :error="errors.captcha">
                    <i-input v-model="formValidate.captcha" @on-blur="checkCaptcha" width="100" placeholder="填写验证码"></i-input>
                    <img src="{{captcha_src()}}" ref="captcha" class="verify_txt" @click="changeCaptcha">
                </form-item>
                <form-item label="动态码" prop="verify" :error="errors.verify">
                    <i-input v-model="formValidate.verify" placeholder="短信动态验证码"></i-input>
                    <i-button
                            :disabled="verify_disabled"
                            type="primary"
                            class="verify_txt"
                            :loading="verify_loading"
                            @click="sendVerify"
                    >@{{ verifyTxt }}</i-button>
                </form-item>
                <div class="tip">看房日期</div>
                <div class="date_list">
                    <radio-group v-model="formValidate.show_date" type="button">
                        <Radio label="随时">
                            <span class="txt-solo">随时</span>
                        </Radio>
                        <Radio :label=`${item.date}(${item.week})` v-for="(item,index) in cancelTime" :key="index">
                            <span class="txt">@{{ item.week }}</span>
                            <span class="num">@{{ item.day }}</span>
                        </Radio>
                    </radio-group>
                </div>
                <div class="tip">看房时间</div>
                <div class="date_list time_list">
                    <radio-group v-model="formValidate.show_time" type="button">
                        <Radio label="全天">
                            <span class="txt-solo">全天</span>
                        </Radio>
                        <Radio label="上午(08:00-12:00)">
                            <span class="txt">上午</span>
                            <span class="num">08:00-12:00</span>
                        </Radio>
                        <Radio label="中午(12:00-14:00)">
                            <span class="txt">中午</span>
                            <span class="num">12:00-14:00</span>
                        </Radio>
                        <Radio label="下午(14:00-18:00)">
                            <span class="txt">下午</span>
                            <span class="num">14:00-18:00</span>
                        </Radio>
                        <Radio label="晚上(18:00-21:00)">
                            <span class="txt">晚上</span>
                            <span class="num">18:00-21:00</span>
                        </Radio>
                    </radio-group>
                </div>
                <form-item label="其他说明">
                    <i-input v-model="formValidate.message" placeholder="其他说明"></i-input>
                </form-item>
                <form-item>
                    <i-button style="width:200px;height:40px;font-size:14px;margin-left:50px;" type="primary" :loading="send_loading" @click="handleSubmit">提交预约</i-button>
                </form-item>
            </i-form>
        </div>
    </div>
</Modal>